<template>
  <view
    class="icon-task" :style="{
      backgroundImage: `url('https://mp-faaaa8a0-2641-45b8-8dbc-bcb0d1463eb4.cdn.bspapp.com/app/icon-task${index || 1}.png')`,
    }"
  />
</template>

<script lang="ts" setup>
// #region Props
defineProps<{ index: number }>()
// #endregion
// #region Emits
// #endregion
// #region Hooks
// #endregion
// #region Computed
// #endregion
// #region Watch
// #endregion
// #region Event
// #endregion
// #region Function
// #endregion
// #region Life Cycle
// #endregion
// #region Expose
// #endregion
</script>

<style lang="scss" scoped>
.icon-task {
  background-repeat: no-repeat;
  background-position: center;
  width: 60px;
  height: 60px;
  background-size: cover;
}
</style>
